@font-face{
    font-family: 'UnidreanLED';
    src:url(../../lib/UnidreamLED/UnidreamLED.eot);
    src:url(../../lib/UnidreamLED/UnidreamLED.eot?#iefix)format('embedded-opentype'),
    url('../../lib/UnidreamLED/UnidreamLED.woff') format('woff'),
    local('UnidreamLED'), url("../../lib/UnidreamLED/UnidreanLED.woff");

    font-family: 'led regular';
    src:url(../../lib/LCDWinTT/LCD-BOLD.TTF);
}

body,html{width:100%;height:100%;margin:0px;padding:0px;font-size:12px;color:#555;background-color:#000;font-family:'微软雅黑'}
#main{width:1920px;height:1080px;display:inline-block; background:url(../images/war_room_main.png) left top no-repeat}
#mapDiv{width: 1920px;height: 1080px; display:inline-block;position: relative;}
/* #mapDiv{margin-top: 106px;width: 950px;height: 700px; margin-left: 482px; display:inline-block;} */
#big_tit{
	width: 1920px;
	display: inline-block;
	height: 90px;
	z-index: 999;
	position: absolute;
	top: 0;
	left: 0;
}
#cd_num{
	position: absolute;
	top:-6px;
	left: 0;
	width: 200px;
	height: 200px;
}
#cd_money{
	position:absolute;
	top:-6px;
	left: 200px;
	width: 200px;
	height: 200px;
}
#big_tit img{
	backdrop-filter: blur(8px);
	width: 100%;
	height: 100%;
}
.horn1{
	position: absolute;
	top: -1px;
	left: -1px;
}
.horn1 img{
	display: block;
}
.horn2 img{
	display: block;
}
.horn3 img{
	display: block;
}
.horn4 img{
	display: block;
}
.horn2{
	position: absolute;
	top: -1px;
	right: -1px;
}
.horn3{
	position: absolute;
	bottom: -1px;
	left: -1px;
}
.horn4{
	position: absolute;
	bottom: -1px;
	right: -1px;
}
/*下钻按钮*/
.contentButton{width:218px;height:100px;position:absolute;}
.contentButton a{width:218px;height:100px;display:inline-block; background:url(../images/content_comm.png) no-repeat top left}
.contentButton a:hover{width:218px;height:100px;display:inline-block; background:url(../images/content_down.png) no-repeat top left}
.contentButton .a1{width:218px;height:100px;display:inline-block; background:url(../images/content_comm1.png) no-repeat top left}
.contentButton .a1:hover{width:218px;height:100px;display:inline-block; background:url(../images/content_down1.png) no-repeat top left}

/*弹出窗口*/
#popWindow{width:2200px;height:1000px;display:inline-block;position:absolute;top:240px;left:1070px;background-color:#06274A;border:1px solid #09f}

/*年的进度条*/
#y_gauge1{width:150px;height:150px;position:absolute;top:40px;/* background:#071753 ; */ }
#y_gauge2{width:150px;height:150px;position:absolute;top:40px;left: 150px;/* background:#071753 ; */ }
#y_gauge3{width:150px;height:150px;position:absolute;top:40px;left:300px;/* background:#071753 ; */} 

/*没有竖线的table*/ 
.table_1{width:100%;font-size:12px;margin: 0 auto;}
.table_1 th{text-align:center;border-bottom:1px solid #069;font-weight: bold;}
.table_1 td{text-align:center;border-bottom:1px solid #069;color: #fff;}
.table_1 .row1{}
.table_1 .row2{}


/*监控的仪表盘*/
#gauge1{width:250px;height:250px;position:absolute;left:2200px;top:280px;}
#gauge2{width:250px;height:250px;position:absolute;left:2550px;top:280px;}
#gauge3{width:250px;height:250px;position:absolute;left:2910px;top:280px;}
#gauge4{width:250px;height:250px;position:absolute;left:2380px;top:550px;}
#gauge5{width:250px;height:250px;position:absolute;left:2730px;top:550px;}

/*仪表盘文字*/
.gaugeTitle{width:250px;height:40px;position:absolute;left:0px;top:200px;color:#B7E1FF;font-size:24px;display:inline-block;text-align:center;font-family:Arial;}

/*区域数据*/
#areaData{width:auto;height:380px;position:absolute;left:925px;top:740px;display:inline-block; color:#E1E1E1;font-size:20px;font-family: 'led regular';}
#areaData .area-item{
    display:inline-block;
    width:90px;text-align: center;
}
#areaData .area-item .area-item-a0 { margin-top: 26px; display:inline-block;}
#areaData .area-item .area-item-a {width:37px;  margin-top: 12px; display:inline-block;}
#areaData .area-item .area-item-b{width:37px;text-align: center; display:inline-block; }
#areaData .area-item .area-item-c{width:37px; text-align: center; margin-top: 38px; display:inline-block;}
#areaData .area-item .area-item-d{width:37px;text-align: center; display:inline-block; }
#areaData .area-item .area-item-e{width:37px; text-align: center; margin-top: 30px; display:inline-block;}
#areaData .area-item .area-item-f{width:37px;text-align: center; display:inline-block; }

#areaData .area-item-2{    margin-top: 60px; }
#areaData .area-item-3{    margin-top: 90px; font-size: 24px;color: #09f1fe; font-family: 'led regular'; font-weight: bold; }
#areaData .area-item-3 .item-l{ float: left;width: 50%;    text-align: center }
#areaData .area-item-3 .item-r{  float: left;width: 50%;    text-align: center}


#productPie{width:1000px;height:680px;position:absolute;left:2210px;top:260px;display:inline-block;color:#E1E1E1;font-size:24px;}

/*业务进展图*/
#businessProgress{width:600px;height:250px;position:absolute;left:1854px;top:912px;display:inline-block;color:#E1E1E1;font-size:24px;}
#businessProgressType{width: 100px;height:30px;position:absolute;left:1794px;top:932px;display:inline-block;color:#E1E1E1;font-size:20px;}
 
li {
    list-style: none;
}


.city-btn {
    width: 100%;
    /*    height: 0.5rem;*/
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-around;
    overflow: hidden;
}

.city-btn>li,
.city-div>li {
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    float: left;
    color: white; 
    cursor: pointer;
}

.city-btn>li.active,
.city-btn>li:hover,
.city-div>li.active,
.city-div>li:hover {
    background: #0e94ea;
}

/*供电所用电*/
#plan{width:600px;height:270px;position:absolute;left:80px;top:905px;display:inline-block;color:#E1E1E1;font-size:24px;}
/*空压机用电*/
#quality{width:600px;height:270px;position:absolute;left:1830px;top:905px;display:inline-block;color:#E1E1E1;font-size:24px;}
/*舆情文字云*/
#wordCloud{width:900px;height:420px;position:absolute;left:3330px;top:1000px;display:inline-block;color:#E1E1E1;font-size:24px;}

/*投诉情况展示表*/
#produce{width:550px;height:480px;position:absolute;left:1850px;top:360px;display:inline-block;color:#B7E2FF;font-size:24px;}
#produce table{width:100%;font-size:24px;}
#produce table td{text-align:center;border:1px solid #069}
#produce table .row1{}
#produce table .row2{}
/*视频*/
#video{width:960px;height:540px;position:absolute;left:3280px;top:140px;display:inline-block;}

/*监控视频*/
#Monitor{width:960px;height:540px;position:absolute;left:3280px;top:940px;display:inline-block;color:#E1E1E1;font-size:24px;}

/*刷新时间*/
#refresh{width:300px;text-align:center; height: 50px; line-height: 50px; color:#09f1fe;font-size:18px;position: absolute;right: -20px;top: 0;z-index: 999;}
#refresh .time{ display: inline-block;} 
#sbzl{ display: inline-block;
    border: 1px solid #144675;
    position: absolute;
    left: 26px;
    top: 92px; 
	backdrop-filter: blur(8px);
    width: 458px;
    height: 222px; z-index: 999;} 
	#sbzl .title{
		position: absolute;
		top: 10px;
		left: 10px;
		color: #fff;
		font-size: 16px;
	}
    #sbzl .item{ position:relative; width: 80px;/* background: #071753; */  height: 45px; display:inline-block; color: #0bddfc;  text-align: center;}
	#sbzl .item .box{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	#sbzl .item .box .right{
		color: #0bddfc; 
		white-space: nowrap;
		margin-left: 6px;
		/* display: flex;
		align-items: center;
		flex-direction: column; */
	}
    #sbzl .item .numb{font-size: 20px;font-family: 'led regular';}
    #sbzl .item .title{font-size: 10px;color: #d4fcfc;}
    #sbzl .zm { top: 49px;left: 32px; }
    #sbzl .jk { top: 47px;left: 77px;}
    #sbzl .cdz {top: 48px;left: 126px;}
    #sbzl .wifi { top: 31px;left: 32px; }
    #sbzl .xxp { top: 31px;left: 77px;}
    #sbzl .yjjg {top: 31px;left: 126px; }
    #sbzl .gb { top: 25px;left: 32px; }
    #sbzl .cgq {top: 25px;left: 77px;}
/* #nylx-01{ display: inline-block;  position: absolute;  top: 586px;left: 753px; width:80px;height: 45px; line-height: 45px; text-align: center;
    color: #000; font-size: 20px;font-family: 'led regular';font-weight: bold;}
#nylx-02{ display: inline-block;  position: absolute;  top: 586px;left: 937px; width:80px;height: 45px; line-height: 45px; text-align: center;
        color: #000; font-size: 20px;font-family: 'led regular';font-weight: bold;} */
.nylx-item{ display: inline-block;  position: absolute; top: 465px;left: 756px;width: 132px;height: 42px;line-height: 42px; text-align: center;
    color: #000; font-size: 20px;font-family: 'led regular';font-weight: bold; }
#nylx-1{ left: 756px;}
#nylx-2{ left: 926px;}
#nylx-3{ left: 1099px;}
#nylx-4{ left: 1271px;}
#nylx-5{ left: 1442px;}
#nylx-6{ left: 1612px;}

/*table*/ 
.table_2{width:100%;font-size:12px;}
.table_2 td{text-align:center;border:1px solid #069;color:#fff;}
.table_2 .row1{}
.table_2 .row2{}

/* 进度条 */
.g-container { width: 100px; height: 10px;border-radius: 25px;background: #ff8c25;}
.g-progress {  width: 50%; height: inherit; border-radius: 25px 0 0 25px; background: #3cafff; } 


/* 智慧照明 */
#zhzm{display: inline-block; border: 1px solid #144675; position: absolute; left: 26px; top: 326px; width: 458px;height: 260px;	backdrop-filter: blur(8px);box-sizing: border-box;}
#zhzm .title{
		position: absolute;
		top: 10px;
		left: 10px;
		color: #fff;
		font-size: 16px;
	}
#zhzm .progress{
	width: 400px;
	height: 2px;
	position: absolute;
	top: 219px;
	left: 30px;
	background-color: #5FCCF7;
}
#zhzm .progress .item{
	position: absolute;
	left: 21px;
	top: -4px;
	height: 40px;
	width: 40px;
}
#zhzm .progress .item2{
	position: absolute;
	left: 132px;
	top: -4px;
	height: 40px;
	width: 40px;
}
#zhzm .progress .item3{
	position: absolute;
	left: 242px;
	top: -4px;
	height: 40px;
	width: 40px;
}
#zhzm .progress .item4{
	position: absolute;
	left: 352px;
	top: -4px;
	height: 40px;
	width: 40px;
}
#zhzm .progress .item .circle{
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #5FCCF7;
}
#zhzm .progress .item2 .circle{
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #5FCCF7;
}
#zhzm .progress .item3 .circle{
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #5FCCF7;
}
#zhzm .progress .item4 .circle{
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #5FCCF7;
}
#zhzm .progress .item .count{
	font-size: 24px;
	position: absolute;
	top: -30px;
	left: -2px;
	color: #fff;
}
#zhzm .progress .item2 .count{
	font-size: 24px;
	position: absolute;
	top: -30px;
	left: -2px;
	color: #fff;
}
#zhzm .progress .item3 .count{
	font-size: 24px;
	position: absolute;
	top: -30px;
	left: -2px;
	color: #fff;
}
#zhzm .progress .item4 .count{
	font-size: 24px;
	position: absolute;
	top: -30px;
	left: -2px;
	color: #fff;
}
#zhzm .progress .item .name{
	font-size: 13px;
	position: absolute;
	top: 16px;
	left: -9px;
	color: #fff;
}
#zhzm .progress .item2 .name{
	font-size: 13px;
	position: absolute;
	top: 16px;
	left: -9px;
	color: #fff;
}
#zhzm .progress .item3 .name{
	font-size: 13px;
	position: absolute;
	top: 16px;
	left: -9px;
	color: #fff;
}
#zhzm .progress .activeNum{
	color: red!important;
}
#zhzm .progress .active{
	background-color: red!important;
}
#zhzm .progress .item4 .name{
	font-size: 13px;
	position: absolute;
	top: 16px;
	left: -9px;
	color: #fff;
}
/* 智慧充电 */
#zhcd{display: inline-block; border: 1px solid #144675; position: absolute; left: 26px; top: 600px; width: 458px;height: 190px;z-index: 999;	backdrop-filter: blur(8px);}
#zhcd .title{
		position: absolute;
		top: 10px;
		left: 10px;
		color: #fff;
		font-size: 16px;
	}
#zhcd .tit{
	position: absolute;
	top: 156px;
	left: 58px;
	font-size: 16px;
	color: #fff;
}
#zhcd .tit2{
	position: absolute;
	top: 156px;
	left: 267px;
	font-size: 16px;
	color: #fff;
}
/*公共wifi */
#ggwf{display: inline-block; border: 1px solid #144675; position: absolute; left: 26px; top: 805px; width: 458px;height: 241px;		backdrop-filter: blur(8px);}
#ggwf .title{
		position: absolute;
		top: 10px;
		left: 10px;
		color: #fff;
		font-size: 16px;
	}
	
/* 环境气象 */
#hjqx{display: inline-block; border: 1px solid #144675; position: absolute; left: 1440px; top: 92px; width: 458px;height: 222px;	backdrop-filter: blur(8px);}
#hjqx .title{
		position: absolute;
		top: 10px;
		left: 10px;
		color: #fff;
		font-size: 16px;
	}
/* 智能监控 */
#znjk{display: inline-block; border: 1px solid #144675; position: absolute; left: 1440px;  top: 326px; width: 458px;height: 260px;	backdrop-filter: blur(8px);}
#znjk .title{
		position: absolute;
		top: 10px;
		left: 10px;
		color: #fff;
		font-size: 16px;
	}
/* 信息 */
#xx{display: inline-block; border: 1px solid #144675; position: absolute; left: 1440px;  top: 600px; width: 458px;height: 190px;	backdrop-filter: blur(8px);}
#xx .title{
		position: absolute;
		top: 10px;
		left: 10px;
		color: #fff;
		font-size: 16px;
	}
/* 报警与广播 */
#bjygb{display: inline-block; border: 1px solid #144675; position: absolute; left: 1440px;  top: 805px; width: 458px;height: 241px;	backdrop-filter: blur(8px);}
#bjygb .title{
		position: absolute;
		top: 10px;
		left: 10px;
		color: #fff;
		font-size: 16px;
	}
#bjygb .notice{
	height: 42px;
	line-height: 42px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #5AC5F6;
}
#bjygb .marquee_list{
	font-size: 14px;
	margin: 0;
	/* margin-left: 4px; */
}
.marquee_top{
	transition: all 0.5s;
	transform: translateY(-42px);
}
#bjygb .marquee_list li{
	margin-left:-34px;
}
/* 综合告警 */
#zhgj{display: inline-block; border: 1px solid #144675; position: absolute; left: 496px;  top: 805px; width: 458px;height: 241px;	backdrop-filter: blur(8px);}
#zhgj .title{
		position: absolute;
		top: 10px;
		left: 10px;
		color: #fff;
		font-size: 16px;
	}
/* 智慧云盒 */
#zhyh{display: inline-block; border: 1px solid #144675; position: absolute; left: 966px;  top: 805px; width: 458px;height: 241px;	backdrop-filter: blur(8px);}
#zhyh .title{
		position: absolute;
		top: 10px;
		left: 10px;
		color: #fff;
		font-size: 16px;
	}
#zhyh  img{
	vertical-align: middle;
}
#zhyh .total{
	margin: 33px auto 0;
	width: 300px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #fff;
	font-size: 16px;
}
#zhyh .total .num{
	font-size: 20px;
	font-weight: 700;
	color: #5AC5F6;
}
.switch-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border: 1px solid #144675;
    border-radius: 4px !important;
    font-family: PingFangSC-Semibold;
    background: #fff;
    font-size: 18px;
    color: #144675;
    box-sizing: border-box;
    cursor: pointer
}

/*.switch-btn:before {*/
/*    display: inline-block;*/
/*    content: "";*/
/*    width: 13px;*/
/*    height: 12px;*/
/*    margin-right: 8px;*/
/*    background-image: url(https://edu-wenku.bdimg.com/v1/pc/view/ModeSwitch/edit.svg);*/
/*    background-size: cover;*/
/*    background-repeat: no-repeat;*/
/*    background-position: 50%*/
/*}*/

.switch-btn:hover {
    background: #144675;
    color: #fff
}

/*.switch-btn:hover:before {*/
/*    background-image: url(https://edu-wenku.bdimg.com/v1/pc/view/ModeSwitch/edit-hover.svg)*/
/*}*/

